<%-------------------------------------------------------------------
 * 页面名称：barCodePay.jsp
 * 功能描述：公共事业费缴费首页
 * Action: toBarCodePayDetail.do
 *
 *-------------------------------------------------------------------
--%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="ad" uri="agiledata"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-bean.tld" prefix="bean"%>
<%
	String path = request.getContextPath();
%>
<html>
<head>
<title>公共事业缴费</title>
<meta name="keywords" content="公共事业网上缴费" />
<meta name="description" content="公共事业费 、公共事业网上缴费、水费、电费、煤气费、天燃气、手机费、" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<%=path%>/page/information/css/style.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/page/information/css/font.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/newstyle.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path%>/js/vnv/commonForManage.js"></script>
<script type="text/javascript" src="<%=path%>/js/vnv/commonForMutual.js.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
	// 提交校验
	function submitValid() {
		var objFrm = document.barCodePayForm;
		// 判断条形码
		if(checkNecessaryInput(objFrm)){
			if(!onlyNumber(document.getElementById("code").value)) {
				alert('条形码只能是数字！');
				document.getElementById("code").focus();
				return false;
			}
			if(document.getElementById("mobile")) {
				// 校验手机号码
				if(!mobileValidate(document.getElementById("mobile"))) {
					return false;
				}
			}
			if(document.getElementById("email")) {
				// 校验邮件地址
				if(!checkEmail(document.getElementById("email"))) {
					alert("请输入正确的邮件地址！");
					return false;
				}
			}
		}
		else {
			return false;
		}

		return true;
	}
//-->
</SCRIPT>
</head>
<body>
<!-- 页头菜单 -->
<jsp:include page="/page/information/head.jsp?currentFunc=publicfee"/>
<!--主内容-->
<div id="content2">
<!-- 左侧菜单 -->
<jsp:include page="/page/barcodepay/left.jsp"/>
   <div class="content_right">
     <!-- 导航菜单 -->
	<jsp:include page="/page/barcodepay/banner.jsp"/>
<html:form action="/toBarCodePayDetail.do" onsubmit="return submitValid();">
<input type="hidden" id="idType" name="type" value="<bean:write name="type" />" />
	<div class="public_textT backfont14to"><bean:write name="typeName" />交纳</div>
	<div class="public_textsT backfont12t">填写账单信息</div>
	<div class="public_itemList">
	<div class="public_pic"><img src="<%=path%>/images/barcodepay/barcode_sample_<bean:write name="type" />.gif" width="232" height="98"></div>
<div class="public_picr">
	 	<ul><li class="rtli">公司名称：</li>
	 	<li class="rteli">
			<html:select name="barCodePayForm" property="corpCode">
				<html:optionsCollection name="corps" label="name" value="code" />
			</html:select>
	 	</li>
		  <li class="rtli">条形码：</li><li class="rteli">
	 	  <html:text name="barCodePayForm" property="code" maxlength="40" style="class:inputStyleNoborder" alt="条形码" size="50" onblur="killSpace(this);"></html:text>
		  
		  </li>
		  <li class="rtli"></li>
		  <li class="rteli">
		  <span class="fontred">请输入真实有效的缴费条码以避免损失</span>
		  </li>
	   </ul>
	   </div>
     </div>
	<logic:present name="sessionAccountSummary">
		<logic:notEmpty name="sessionAccountSummary" property="account.id">
			<logic:equal name="sessionAccountSummary" property="account.accountType" value="A">
				<div class="public_textsTT backfont12t">账号</div>
				<div class="public_itemList">
	 				<ul>
						<li class="tli">您正在使用的账户为：</li><li class="teli">
						<logic:notEmpty name="sessionAccountSummary" property="account.email">
							<bean:write name="sessionAccountSummary" property="account.email"/>
						</logic:notEmpty>
						<logic:empty name="sessionAccountSummary" property="account.email">
							<bean:write name="sessionAccountSummary" property="account.mobile"/>
						</logic:empty>	
					  </li>
				   </ul>
				 </div>
			</logic:equal>
			<logic:equal name="sessionAccountSummary" property="account.accountType" value="B">
				<div class="public_textsTT backfont12t">填写个人信息</div>
				<div class="public_itemList">
				<ul><li class="tli">请填写您的姓名：</li><li class="teli">
				  <html:text property="personName" maxlength="5" size="30" alt="姓名" onblur="killSpace(this);"></html:text>
				  </li>
				  <li class="tli">请填写您的手机号码：</li><li class="teli">
				  <html:text property="mobile" maxlength="11" size="30" alt="手机号码" onblur="killSpace(this);"></html:text>
				  </li>
				  <li class="tli">请填写您的邮件地址：</li><li class="teli">
				  <html:text property="email" maxlength="100" size="50" alt="邮件地址" onblur="killSpace(this);"></html:text>
				  </li>
			   </ul>
				</div>
			</logic:equal>
		</logic:notEmpty>
	</logic:present>
	<logic:notPresent name="sessionAccountSummary">
	<div class="public_textsTT backfont12t">填写个人信息</div>
	<div class="public_itemList">
	<ul><li class="tli">请填写您的姓名：</li><li class="teli">
	  <html:text property="personName" maxlength="5" size="30" alt="姓名" onblur="killSpace(this);"></html:text>
	  </li>
	  <li class="tli">请填写您的手机号码：</li><li class="teli">
	  <html:text property="mobile" maxlength="11" size="30" alt="手机号码" onblur="killSpace(this);"></html:text>
	  </li>
	  <li class="tli">请填写您的邮件地址：</li><li class="teli">
	  <html:text property="email" maxlength="100" size="50" alt="邮件地址" onblur="killSpace(this);"></html:text>
	  </li>
   </ul>
	</div>
	 </logic:notPresent>
	 <div style="clear:both"></div>
	 <div>
	  <table width="100%" border="0" align="center" cellpadding="7" cellspacing="1" bgcolor="#f9e277" style="margin:10px 0;">
			<tr>
			  <td bgcolor="#fffdf5"><table width="100%" border="0" cellpadding="3" cellspacing="0">
				  <tr >
					<td width="3%" height="25" valign="top" style="border-bottom:1px solid #ccc;"><img src="<%=path%>/images/ren.gif" width="22" height="21" border="0" align="absmiddle" /></td>
					<td width="97%" align="left" class="fontred" style="border-bottom:1px solid #ccc;">特别提醒</td>
				  </tr>
				  <tr>
					<td valign="top">&nbsp;</td>
					<td align="left" class="gray12"><img src="<%=path%>/images/arrow2.gif" width="16" height="16" align="absmiddle" /> 如果您有支付账号，请先<span class="fontred"><a href="<%=path%>/main.do">登录</a></span>，我们将为您提供更完善的服务！</td>
				  </tr>
				  <tr>
					<td valign="top">&nbsp;</td>
					<td align="left" class="gray12"><img src="<%=path%>/images/arrow2.gif" width="16" height="16" align="absmiddle" />对于初次使用用户如有任何疑问，请访问“<span class="fontred"><a href="<%=path%>/page/barcodepay/toBarCodePayHelp.do">缴费须知</a></span>”</td>
				  </tr>
			  </table></td>
			</tr>
		  </table>
	 </div>
	 <div class="public_input"> 
	 <input name="submit" type="submit" class="public_button" value="确认并提交" /></div>
</html:form>
</div>
<div style="clear:both;"></div>
</div>

<!-- 页尾菜单 -->
<jsp:include page="/page/information/foot.jsp"/>
</body>
</html>
